.t-input {
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
}

.tr-input-default .q-field__inner .q-field__control .q-field__append .q-icon {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.56);
}
.tr-input-default .q-field__inner .q-field__control .q-field__prepend .q-icon {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.56);
}

.tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__control-container {
  align-items: center;
  height: auto;
  gap: 8px;
}

.tr-input-default .q-field--dense .q-field__inner .q-field__control {
  border-radius: 2px;
  padding: 0 8px;
  background-color: #ffffff;
}

.tr-input-default .q-field--dense .q-field__inner .q-field__control {
  border: 1px solid #d9d9d9;
  padding: 0 8px;
  height: 32px;
  gap: 8px;
}

//pc端hover和focus时样式
.tr-input-default .q-field--dense .q-field__inner .q-field__control:hover {
  border: 1px solid var(--t-color);
}

.tr-input-default .q-field--focused .q-field__inner .q-field__control {
  border: 1px solid var(--t-color);
  box-shadow: 0 0 3px rgba(var(--t-color-rgb), 0.6);
}

//校验失败时样式
.tr-input-default .q-field--error .q-field__inner .q-field__control {
  border: 1px solid #FF5A66 !important;
}

.tr-input-default .q-field--error .q-field__inner .q-field__control:hover {
  border: 1px solid #FF5A66 !important;
  box-shadow: 0 0 3px #FF5A6699;
}

.tr-input-default .q-field--error .q-field__inner .q-field__control:focus {
  border: 1px solid #FF5A66 !important;
  box-shadow: 0 0 3px #FF5A6699;
}

.tr-input-default .q-field--focused.q-field--error .q-field__inner .q-field__control {
  box-shadow: 0 0 3px #FF5A6699;
}

// .tr-input-default .q-field--error ~ .q-field--focus {
//   /* 在 q-field--error 存在时，改变同级的 q-field--focus 的样式 */
//     box-shadow: 0 0 3px rgba(255, 90, 102, 0.6)!important;
// }
.tr-input-default .q-field--dense .q-field__inner .q-field__bottom {
  color: #FF0000;
  font-size: 12px;
    padding-top: 5px;
}
.tr-input-default .q-field--dense .q-field__inner .q-field__bottom .q-field__messages{
  line-height: 1.5;
}

.tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__append .text-negative {
  display: none;
}

.input-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.5;
  text-align: right;
  justify-content: flex-end;
}

.q-field--outlined .q-field__control {
  padding: 0;
}

.q-placeholder::placeholder {
  color: rgba(0, 0, 0, 0.32);
}

.tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__control-container .q-field__prefix {
  padding: 0;
  line-height: 1.5;
}
  .tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shadow:0 0 3px rgb(255, 255, 255, 0)
 }
.tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__control-container .q-field__suffix {
  padding: 0;
  line-height: 1.5;
}

.q-field--with-bottom {
  padding: 0;
}

.tr-input-default {
  width: 100%;
  display: flex;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;

  .tr-label-prefix {
    justify-content: flex-end;
    text-wrap: nowrap;
    gap: 4px;
    min-width: 88px;
    margin-right: 8px;
  }

  .q-field__before {
    height: 32px;
  }

  .q-field__after {
    height: 32px;
  }

  &.tr-input-default-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    .tr-label-prefix {
      justify-content: flex-start;
      gap: 4px;
    }

    .tr-label-prefix-wraper {
      padding-bottom: 4px;
    }

    .input-title {
      line-height: 1.5;
    }
  }

  .tr-label-prefix-wraper {
    &.tr-label-prefix-wraper-left {
      padding-top: 5.5px;
      width: auto
    }
  }
}

//pc端只读和禁用样式
.tr-input-readonly .q-field--readonly .q-field__inner .q-field__control-container .q-placeholder::placeholder{
  color: rgba(0, 0, 0, 0);
}
.tr-input-readonly .q-field--readonly .q-field__inner .q-field__control .q-field__control-container .q-field__native{
    cursor: default;
}
.tr-input-default .q-field--readonly .q-field__inner .q-field__control:hover{
  border: 1px solid #D9D9D9;
}
.tr-input-noborder .q-field--readonly .q-field__inner .q-field__control:hover{
  border: 1px solid #d9d9d900!important;
}
.tr-input-default .q-field--readonly {
  background-color: #ffffff;
  border-color: #D9D9D9 !important;
}

.tr-input-default .q-field--disabled {
  background-color: #ffffff;
  border-color: #D9D9D9 !important;

  &.q-field__native {
    color: rgba(0, 0, 0, 0.56);
  }
}

.tr-input-disabled .q-field--disabled .q-field__inner .q-field__control {
  background-color: #F1F1F1;
}

.tr-input-disabled .q-field--disabled .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  color: rgba(0, 0, 0, 0.56);
}


//移动端默认样式
@media screen and (max-width: 767px) {
  .tr-input-default .q-field--dense .q-field__inner .q-field__control {
    border: 1px solid #d9d9d900;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    align-items: center;
    height: 47px;
    gap: 8px;
  }

  .q-placeholder::placeholder {
    color: #969AA0
  }

  .tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__control-container {
    height: 14px;
  }

    .tr-input-default .q-field--dense .q-field__inner .q-field__control .q-field__control-container .q-field__native {
   line-height: 1.5;
      }

  .t-input {
    min-height: 48px;
  }

  .tr-input-default .tr-label-prefix-wraper {
    background-color: white;
    width: auto;
  }
  .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix{
    margin-right: 0;
  }
  .tr-input-default.tr-input-default-top .tr-label-prefix-wraper{
    padding-bottom: 0;
  }
  .tr-input-default .tr-label-prefix-wraper.tr-label-prefix-wraper-top{
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
    .tr-input-default .tr-label-prefix-wraper.tr-label-prefix-wraper-left{
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    max-width: none;
  }

  //移除pc端hover和focus时样式
  .tr-input-default .q-field--dense .q-field__inner .q-field__control:hover {
    border: 1px solid rgba(0, 0, 0, 0);
  }

  .tr-input-default .q-field--focused .q-field__inner .q-field__control {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
  }

  //pc端只读和禁用样式
  .tr-input-default .q-field--readonly {
    background-color: #ffffff;
    border-color: #D9D9D9 !important;
  }

  .tr-input-readonly .q-field--readonly .q-field__inner .q-field__control {
    background-color: #ffffff;
  }

  .tr-input-readonly .q-field--readonly .q-field__inner .q-field__control .q-field__control-container .q-field__native {
    color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/0.9));
  }

  .tr-input-disabled .q-field--disabled .q-field__inner .q-field__control {
    background-color: white;
  }

  .tr-input-disabled .q-field--disabled .q-field__inner .q-field__control .q-field__control-container .q-field__native {
    color: #BFC1C5;
  }

  .tr-input-default .q-field--disabled {
    background-color: #ffffff;
    border-color: #D9D9D9 !important;

    &.q-field__native {
      color: rgba(0, 0, 0, 0.56);
    }
  }

  .tr-input-default {
    width: 100%;
    display: flex;
    background: white;
    position: relative;
    align-content: center;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;

    .tr-label-prefix {
      justify-content: flex-end;
      text-wrap: nowrap;
      gap: 4px;
      min-width: auto;
      margin-right: 8px;
    }

    .input-title {
      text-wrap: wrap;
      text-align: left;
      color: rgba(0, 0, 0, 0.56);
      font-size: 12px;
    }
  }

  //移除pc端校验失败时样式
  .tr-input-default .q-field--error .q-field__inner .q-field__control {
    border: 1px solid #ffffff00 !important;
  }

  .tr-input-default .q-field--error .q-field__inner .q-field__control:hover {
    border: 1px solid #ffffff00 !important;
    box-shadow: 0 0 3px #ffffff00;
  }

  .tr-input-default .q-field--error .q-field__inner .q-field__control:focus {
    border: 1px solid #ffffff00;
    box-shadow: 0 0 3px #ffffff00;
}
.tr-input-default  .q-field--focused.q-field--error .q-field__inner .q-field__control{
  box-shadow: 0 0 3px #ffffff00;
}
.tr-input-default .q-field--dense .q-field__inner .q-field__bottom{
  padding: 5px 0px 0px 0px;
  color: #FF0000;
}
//移动端校验失败时样式
    // .tr-input-default{
    //   border-bottom: 1px solid #E34949
    // }

}
.select_helper_input .q-field__control{
  display: flex;
    justify-content: space-around;
}
.select_helper_input .q-field__control{
  display: flex;
    justify-content: space-around;
}
.select_helper_input .q-field__prepend{
  flex: 1 1 auto !important;
    height: auto;
    overflow: hidden !important;
}
.select_helper_input .t-input{
  flex: 1 1 auto;
  overflow: hidden;
}
